<template>
  <div class="top-tip tracking-5px">
    <img class="icons" src="@/assets/icons/pc/tip.svg" />
    {{ !ttsa.controller ? '点击这里返回体验模式' : '点击这里体验沉浸模式' }}
  </div>
</template>

<script lang="ts" name="TopTip" setup>
import { useTtsaStore } from '@/store/ttsa'
const ttsa = useTtsaStore()
</script>

<style lang="scss" scoped>
.top-tip {
  @apply flex items-center justify-around absolute cursor-pointer z-100;
  padding: 2px 20px 4px;
  color: #ffffff;
  font-size: 14px;
  height: 34px;
  width: 265px;
  left: 50%;
  top: 30px;
  margin-left: -150px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 50px;

  .icons {
    width: 12px;
    height: 19px;
  }
}
</style>